{extend name="common/base_layout" /}

{block name="content"}
<div class="side-content ">

    <div class="banner-sub auto not-has" data-height="420|350|200">

    </div>

    <div class="side-html">

        <div class="side-body swiper-lazy" data-background="__STATIC__/upload/201707/1500274209.jpg">

            <section class="met-shownews animsition">
                <div class="container">
                    <div class="row">
                        <div class="col-md-9 met-shownews-body">
                            <div class="row">
                                <div class="met-shownews-header">
                                    <h1>{$info.v_name}</h1>
                                    <div class="info">
							<span>
								<i class="fa fa-clock-o"></i>
								{$info.create_at|format_time}
							</span>
                                        <span>
								<i class="fa fa-user-plus"></i>
								立鼎科技
							</span>
                                        <span>
								<i class="icon wb-eye margin-right-5" aria-hidden="true"></i>{$info.view|default=0}
							</span>
                                    </div>
                                </div>
                                <div class="shownews-container">
                                    <div class="shownews-wrapper">

                                        <div class="shownews-slide">
                                            <img class="shownews-lazy" data-src="{$info.v_image|quick_pic_thumb='@640w_460h'}" alt="{$info.v_name}" />
                                        </div>

                                    </div>
                                    <div class="swiper-button-next swiper-button-white"></div>
                                    <div class="swiper-button-prev swiper-button-white"></div>
                                </div>

                                <div class="paralist">
                                    <dl class="dl-horizontal clearfix">

                                        <dt>发布 :</dt>
                                        <dd>{$info.create_at|format_time='Y-m-d'}</dd>

                                        <dt>类型 :</dt>
                                        <dd>MP4视频</dd>

                                        <dt>来源 :</dt>
                                        <dd>其他</dd>

                                    </dl>
                                </div>

                                <div class="met-editor lazyload clearfix">
                                    <div><video src="{$info.v_url|default=''}" controls="" autoplay="">error</video><div id="metinfo_additional"></div></div>

                                </div>
                                <div class="met-shownews-footer">

                                    <ul class="pager pager-round">
                                        <li class="previous ">
                                            {notempty name="previous"}
                                            <a href="{:url('frontend/Video/show', ['video_id' => $previous['id']])}" title="{$previous.v_name}">
                                                上一篇
                                                <span aria-hidden="true" class='hidden-xs'>：{$previous.v_name}</span>
                                            </a>
                                            {else /}
                                            <a href="javascript:;" title="没有了">
                                                上一篇
                                                <span aria-hidden="true" class='hidden-xs'>：没有了</span>
                                            </a>
                                            {/notempty}
                                        </li>
                                        <li class="next ">
                                            {notempty name="next"}
                                            <a href="{:url('frontend/Video/show', ['video_id' => $next['id']])}" title="{$next.v_name}">
                                                下一篇
                                                <span aria-hidden="true" class='hidden-xs'>：{$next.v_name}</span>
                                            </a>
                                            {else /}
                                            <a href="javascript:;" title="没有了">
                                                下一篇
                                                <span aria-hidden="true" class='hidden-xs'>：没有了</span>
                                            </a>
                                            {/notempty}
                                        </li>
                                    </ul>

                                </div>
                            </div>
                        </div>

                        <div class="col-md-3">
                            <div class="row">
                                <div class="met-news-bar">

                                    <div class="sidenews-lists">
                                        <h3><span>为您推荐</span></h3>
                                        <ul >

                                            {foreach $recVideoList as $vo}
                                            <li>
                                                <a href="{url('frontend/Video/show', ['video_id' => $vo['id']])}" title="{$vo.v_name}" target='_self'>

                                                    <img class="swiper-lazy" data-src='{$vo.v_image|quick_pic_thumb="@125w_100h"}'>

                                                    <b>{$vo.v_name}</b>
                                                    <p>{$vo.create_at|format_time='Y-m-d'}</p>
                                                </a>
                                            </li>
                                            {/foreach}

                                        </ul>
                                    </div>

                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </section>

            <!--引入 footer-->
            {include file="common/footer" /}

            <input type="hidden" name="lazyloadbg" value="base64">

        </div>
    </div>
    <div class="side-scroll swiper-scrollbar"></div>
</div>
{/block}